<html>
<head>
<link rel="stylesheet" href="dbox.css" type="text/css" />
<script type="text/javascript" src="../../os3jslib/liwe.js"></script>
<script type="text/javascript" src="../../os3jslib/dom.js"></script>
<script type="text/javascript" src="../../os3jslib/drag.js"></script>
<script type="text/javascript" src="../../os3jslib/object_enh.js"></script>
<script type="text/javascript" src="dbox.js"></script>
<script type="text/javascript">

drag.container_class = "dbm_box";
drag.handle_class = "dbm_box";
DragBoxManager.target_class = "dbm_target";

function init ()
{
	DragBoxManager.init ();
}

</script>

</head>
<body onload="init()">

	<div style="clear: both">
		<div id="col1" style="border: 1px solid green; width: 200px; min-height: 200px; float: left" class="dbm_target">
			<div class="dbm_box" style="border: 1px solid red; background-color: orange">
				box1
			</div>
			<div class="dbm_box" style="border: 1px solid red; background-color: orange">
				box2
			</div>
			<div class="dbm_box" style="border: 1px solid red; background-color: orange">
				box3
			</div>
		</div>
		<div id="col2" style="border: 1px solid green; width: 400px; min-height: 200px; float: left; margin: 0 30px">
		</div>
		<div id="col3" style="border: 1px solid green; width: 200px; min-height: 200px; float: left" class="dbm_target">
		</div>
	</div>


</body>
</html>
